<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>JS的编写位置</title>
	<script type="text/javascript" src="./js/script.js"></script>

		<!-- 可以将JS代码编写到script标签 -->
	<script type="text/javascript">
		
		alert("我是script标签中的代码！");
	</script>
</head>
<body>
	<!-- 
	
	可以将JS代码编写到标签的onclick属性中
	当我们点击按钮时，JS代码才会执行
	
	虽然可以写在标签的属性中，但是他们属于结构与行为耦合，不方便维护
	-->
	<button onclick="alert('干嘛！')">点我一下</button>

	<!-- 可以将JS代码写在超链接的href属性中，这样点击超链接时，会执行JS代码 -->
	<a href="javascript:alert('让你点你就点');">点呀</a>
	<a href="javascript:;">点呀</a>

</body>
</html>
